<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>666</title>
        <style>
            div.sticky{
                position:-webkit-sticky;
                position:sticky;
                top: 0;
                padding: 5px;
                background-color: #cae8ca;
                border: 2px solid #4caf50;
            }
        </style>
    </head>
    <body>
        <p>尝试滚动页面。</p>
        <p>注意: IE/Edge 15 及更早 IE 版本不支持 sticky 属性。</p>
        <div class="sticky">粘性定位</div>
        <div style="padding-bottom: 2000px;">
            <p>滚动我</p>
            <p>来回滚动我</p>
            <p>滚动我</p>
            <p>来回滚动我</p>
            <p>滚动我</p>
            <p>来回滚动我</p>
            <p>滚动我</p>
            <p>来回滚动我</p>
            <p>滚动我</p>
            <p>来回滚动我</p>
        </div>
    </body>
</html>